<!DOCTYPE html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <title>Home</title>
    <meta content='width=device-width, initial-scale=1.0, shrink-to-fit=no' name='viewport'/>

    <div th:fragment="commom_css">
        <!-- Fonts and icons -->
        <script th:src="@{/assets/js/plugin/webfont/webfont.min.js}"></script>
        <script>
            WebFont.load({
                google: {"families": ["Open+Sans:300,400,600,700"]},
                custom: {"families": ["Flaticon", "Font Awesome 5 Solid", "Font Awesome 5 Regular", "Font Awesome 5 Brands"]},
                active: function () {
                    sessionStorage.fonts = true;
                }
            });
        </script>
        <!-- echarts -->
        <script type="text/javascript" th:src="@{/assets/js/echarts.min.js}"></script>
        <script type="text/javascript" th:src="@{/assets/js/echarts.js}"></script>

        <!-- CSS Files -->
        <link rel="stylesheet" th:href="@{/assets/css/bootstrap.min.css}">
        <link rel="stylesheet" th:href="@{/assets/css/azzara.min.css}">

        <link rel="stylesheet" th:href="@{/assets/css/fonts.css}">
        <link rel="stylesheet" th:href="@{/assets/css/fileinput.css}" media="all" type="text/css"/>
    </div>
</head>
<body>
<div class="wrapper">
    <div class="main-header" data-background-color="purple" th:fragment="topbar">
        <!-- Logo Header -->
        <div class="logo-header">

            <a th:href="@{/}" class="logo">
                <img th:src="@{/assets/img/LogoProject.svg}" alt="navbar brand" class="navbar-brand">
            </a>
            <button class="navbar-toggler sidenav-toggler ml-auto" type="button" data-toggle="collapse"
                    data-target="collapse" aria-expanded="false" aria-label="Toggle navigation">
					<span class="navbar-toggler-icon">
						<i class="fa fa-bars"></i>
					</span>
            </button>
            <button class="topbar-toggler more"><i class="fa fa-ellipsis-v"></i></button>
            <div class="navbar-minimize">
                <button class="btn btn-minimize btn-rounded">
                    <i class="fa fa-bars"></i>
                </button>
            </div>
        </div>
        <!-- End Logo Header -->

        <!-- Navbar Header -->
        <nav class="navbar navbar-header navbar-expand-lg">

            <div class="container-fluid">
                <div class="collapse" id="search-nav">
                    <form class="navbar-left navbar-form nav-search mr-md-3">
                        <div class="input-group">
                            <div class="input-group-prepend">
                                <button type="submit" class="btn btn-search pr-1">
                                    <i class="fa fa-search search-icon"></i>
                                </button>
                            </div>
                            <input type="text" placeholder="搜索" class="form-control">
                        </div>
                    </form>
                </div>
                <ul class="navbar-nav topbar-nav ml-md-auto align-items-center">
                    <li class="nav-item toggle-nav-search hidden-caret">
                        <a class="nav-link" data-toggle="collapse" href="#search-nav" role="button"
                           aria-expanded="false" aria-controls="search-nav">
                            <i class="fa fa-search"></i>
                        </a>
                    </li>
                    <li class="nav-item dropdown hidden-caret">
                        <a class="nav-link dropdown-toggle" href="#" id="messageDropdown" role="button"
                           data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <i class="fa fa-tasks"></i>
                            <div id="myMessageNeedToDoNumber"></div>
                        </a>
                        <ul class="dropdown-menu messages-notif-box animated fadeIn" aria-labelledby="messageDropdown">
                            <li>
                                <div class="dropdown-title" id="myMessageNeedToDoTitle"></div>
                            </li>
                            <li>
                                <div class="message-notif-scroll scrollbar-outer">
                                    <div class="notif-center" id="myMessageNeedToDo">

                                    </div>
                                </div>
                            </li>
                            <li>
                                <a class="see-all" onclick="messageView()">查看所有待办事务<i
                                        class="fa fa-angle-right"></i> </a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item dropdown hidden-caret">
                        <a class="nav-link dropdown-toggle" href="#" id="notifDropdown" role="button"
                           data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
                            <i class="fa fa-bell"></i>
                            <div id="myMessageNumber"></div>
                        </a>
                        <ul class="dropdown-menu notif-box animated fadeIn" aria-labelledby="notifDropdown">
                            <li>
                                <div class="dropdown-title d-flex justify-content-between align-items-center">
                                    消息
                                    <a onclick="updateAllMessageIsRead()">标记所有已读</a>
                                </div>
                            </li>

                            <li>
                                <div class="notif-scroll scrollbar-outer">
                                    <div class="notif-center" id="myMessage">
                                    </div>
                                </div>
                            </li>
                            <li>
                                <a class="see-all" onclick="messageView()">查看所有消息<i
                                        class="fa fa-angle-right"></i> </a>
                            </li>
                        </ul>
                    </li>
                    <li class="nav-item dropdown hidden-caret">
                        <a class="nav-link dropdown-toggle" onclick="newProjectView()">
                            <i class="fa fa-plus"></i>
                        </a>
                    </li>
                    <div th:if="${session.userId!=null}">
                        <li class="nav-item dropdown hidden-caret">
                            <a class="dropdown-toggle profile-pic" data-toggle="dropdown" href="#"
                               aria-expanded="false">
                                <div class="avatar-sm">
                                    <img id="topBarUserImg1" alt="..." class="avatar-img rounded-circle">
                                </div>
                            </a>
                            <ul class="dropdown-menu dropdown-user animated fadeIn">
                                <li>
                                    <div class="user-box">
                                        <div class="avatar-lg">
                                            <img id="topBarUserImg2" alt="..." class="avatar-img rounded-circle">
                                        </div>
                                        <div class="u-text">
                                            <h4 id="topBarUsername">用户名</h4>
                                            <p class="text-muted" id="topBarEmail"> 邮箱</p>
                                            <a th:href="@{/userprofile}"
                                               class="btn btn-rounded btn-secondary btn-sm">我的信息</a>
                                        </div>
                                    </div>
                                </li>
                                <li>
                                    <div class="dropdown-divider"></div>
                                    <a class="dropdown-item" id="topBarA1">我的项目</a>
                                    <a class="dropdown-item" id="topBarA2">我的收藏</a>
                                    <div class="dropdown-divider"></div>
                                    <a class="dropdown-item" onclick="login_out()">
                                        退出
                                    </a>
                                </li>
                            </ul>
                        </li>
                    </div>
                    <div th:if="${session.userId==null}">
                        <li class="nav-item dropdown hidden-caret">
                            <a class="nav-link dropdown-toggle" th:href="@{/login}">
                                <i class="fa fa-sign-in-alt"></i>
                            </a>
                        </li>

                    </div>

                </ul>
            </div>
        </nav>
        <!-- End Navbar -->
    </div>
    <!-- Sidebar -->
    <div class="sidebar" th:fragment="sidebar">
        <div class="sidebar-background"></div>
        <div class="sidebar-wrapper scrollbar-inner">
            <div class="sidebar-content">
                <div class="user">
                    <div class="avatar-sm float-left mr-2">
                        <img id="sideBarUserImg1" alt="..." class="avatar-img rounded-circle">
                    </div>
                    <div class="info">
                        <a data-toggle="collapse" href="#collapseExample" aria-expanded="true">
                            <span id="sideBarUsername">
									用户名
								</span>
                            <span class="user-level">User</span>
                            <span class="caret"></span>
                        </a>
                        <div class="clearfix"></div>

                        <div class="collapse in" id="collapseExample">
                            <ul class="nav">
                                <li>
                                    <a onclick="userprofileView()">
                                        <span class="link-collapse">我的信息</span>
                                    </a>
                                </li>
                                <li>
                                    <a onclick="myProjectView()">
                                        <span class="link-collapse">我的项目</span>
                                    </a>
                                </li>
                                <li>
                                    <a onclick="myProjectStoreView()">
                                        <span class="link-collapse">我的收藏</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <ul class="nav">
                    <li class="nav-item active">
                        <a th:href="@{/}">
                            <i class="fas fa-home"></i>
                            <p>主页</p>
                        </a>
                    </li>
                    <li class="nav-section">
							<span class="sidebar-mini-icon">
								<i class="fa fa-ellipsis-h"></i>
							</span>
                        <h4 class="text-section">message</h4>
                    </li>
                    <li class="nav-item">
                        <a onclick="messageView()">
                            <i class="fas fa-comment-dots"></i>
                            <p>消息</p>
                            <span class="badge badge-count" id="messageCount"></span>
                        </a>
                    </li>
                    <li class="nav-section">
							<span class="sidebar-mini-icon">
								<i class="fa fa-ellipsis-h"></i>
							</span>
                        <h4 class="text-section">Components</h4>
                    </li>
                    <li class="nav-item" id="test">
                        <a data-toggle="collapse" href="#base1">
                            <i class="fas fa-box"></i>
                            <p>项目</p>
                            <span class="caret"></span>
                        </a>
                        <div class="collapse" id="base1">
                            <ul class="nav nav-collapse" id="projectsul">
                            </ul>
                        </div>
                    </li>
                    <li class="nav-section">
							<span class="sidebar-mini-icon">
								<i class="fa fa-ellipsis-h"></i>
							</span>
                        <h4 class="text-section">hlep</h4>
                    </li>
                    <li class="nav-item">
                        <a th:href="@{/projectIntroduce}" target="_blank">
                            <i class="fas fa-info-circle"></i>
                            <p>系统介绍</p>
                            <span class="badge badge-count" id="messageCount"></span>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a data-toggle="collapse" href="#guides">
                            <i class="fas fa-location-arrow"></i>
                            <p>系统引导</p>
                            <span class="caret"></span>
                        </a>
                        <div class="collapse" id="guides">
                            <ul class="nav nav-collapse">
                                <li>
                                    <a th:href="@{/projectIndexIntroduce}" target="_blank">
                                        <span class="sub-item">主页引导</span>
                                    </a>
                                </li>
                                <li>
                                    <a th:href="@{/projectViewIntroduce}" target="_blank">
                                        <span class="sub-item">项目主页引导</span>
                                    </a>
                                </li>

                                <li>
                                    <a th:href="@{/projectDocumentIntroduce}" target="_blank">
                                        <span class="sub-item">项目文件页面引导</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <li class="nav-section">
							<span class="sidebar-mini-icon">
							</span>
                        <h4 class="text-section">Admin</h4>
                    </li>
                    <!--表格-->
                    <li class="nav-item">
                        <a data-toggle="collapse" href="#tables">
                            <i class="fas fa-table"></i>
                            <p>表格</p>
                            <span class="caret"></span>
                        </a>
                        <div class="collapse" id="tables">
                            <ul class="nav nav-collapse">
                                <li>
                                    <a onclick="userListView()">
                                        <span class="sub-item">用户信息</span>
                                    </a>
                                </li>
                                <li>
                                    <a onclick="projectsListView()">
                                        <span class="sub-item">项目信息</span>
                                    </a>
                                </li>

                                <li>
                                    <a onclick="projectUserListView()">
                                        <span class="sub-item">项目用户信息</span>
                                    </a>
                                </li>
                                <li>
                                    <a onclick="projectFunctionListView()">
                                        <span class="sub-item">项目功能信息</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                    <!--删除表格-->
                    <li class="nav-item">
                        <a data-toggle="collapse" href="#maps">
                            <i class="fas fa-trash"></i>
                            <p>Deleted</p>
                            <span class="caret"></span>
                        </a>
                        <div class="collapse" id="maps">
                            <ul class="nav nav-collapse">
                                <li>
                                    <a onclick="deletedUserListView()">
                                        <span class="sub-item">已注销用户</span>
                                    </a>
                                </li>
                                <li>
                                    <a onclick="delProjectListView()">
                                        <span class="sub-item">已注销项目</span>
                                    </a>
                                </li>
                                <li>
                                    <a onclick="delProjectUserListView()">
                                        <span class="sub-item">已注销项目用户</span>
                                    </a>
                                </li>
                                <li>
                                    <a onclick="delProjectFunctionListView()">
                                        <span class="sub-item">已注销项目功能</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- Sidebar -->
    <div class="sidebar" th:fragment="projectsidebar">
        <div class="sidebar-wrapper scrollbar-inner">
            <div class="sidebar-background"></div>
            <div class="sidebar-content">
                <div class="user">
                    <div class="avatar-sm float-left mr-2">
                        <img id="sideBarUserImg1" alt="..." class="avatar-img rounded-circle">
                    </div>
                    <div class="info">
                        <a data-toggle="collapse" href="#collapseExample" aria-expanded="true">
                                    <span id="sideBarUsername">
									用户名
								</span>
                            <span class="user-level">User</span>
                            <span class="caret"></span>
                        </a>
                        <div class="clearfix"></div>

                        <div class="collapse in" id="collapseExample">
                            <ul class="nav">
                                <li>
                                    <a onclick="userprofileView()">
                                        <span class="link-collapse">我的信息</span>
                                    </a>
                                </li>
                                <li>
                                    <a onclick="myProjectView()">
                                        <span class="link-collapse">我的项目</span>
                                    </a>
                                </li>
                                <li>
                                    <a onclick="myProjectStoreView()">
                                        <span class="link-collapse">我的收藏</span>
                                    </a>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <ul class="nav">
                    <li class="nav-item">
                        <a th:href="@{/}">
                            <i class="fas fa-home"></i>
                            <p>主页</p>
                        </a>
                    </li>
                    <li class="nav-section">
							<span class="sidebar-mini-icon">
								<i class="fa fa-ellipsis-h"></i>
							</span>
                        <h4 class="text-section">message</h4>
                    </li>
                    <li class="nav-item">
                        <a onclick="projectMessageView()">
                            <i class="fas fa-comment-dots"></i>
                            <p>项目消息</p>
                            <span class="badge badge-count" id="projectMessageCount"></span>
                        </a>
                    </li>
                    <li class="nav-section">
							<span class="sidebar-mini-icon">
								<i class="fa fa-ellipsis-h"></i>
							</span>
                        <h4 class="text-section">content</h4>
                    </li>
                    <li class="nav-item">
                        <a data-toggle="collapse" href="#base1">
                            <i class="fas fa-box"></i>
                            <p>项目</p>
                            <span class="caret"></span>
                        </a>
                        <div class="collapse" id="base1">
                            <ul class="nav nav-collapse" id="projectsul"></ul>
                        </div>
                    </li>
                    <li class="nav-item">
                        <a id="projectSideBarA2">
                            <i class="fas fa-chart-area"></i>
                            <p>项目详情</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a id="projectSideBarA3">
                            <i class="fas fa-calendar-alt"></i>
                            <p>项目计划</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a id="projectSideBarA4">
                            <i class="fas fa-align-left"></i>
                            <p>项目功能点</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a id="projectSideBarA5">
                            <i class="fas fa-users"></i>
                            <p>项目人员</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a onclick="projectUserCooperationView()">
                            <i class="fas fa-user-plus"></i>
                            <p>合作伙伴</p>
                        </a>
                    </li>
                    <li class="nav-section">
							<span class="sidebar-mini-icon">
								<i class="fa fa-ellipsis-h"></i>
							</span>
                        <h4 class="text-section">files</h4>
                    </li>
                    <li class="nav-item">
                        <a onclick="addPackageModel()">
                            <i class="fas fa-plus-square"></i>
                            <p>新建包</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a onclick="uploadFileModel()">
                            <i class="fas fa-cloud-upload-alt"></i>
                            <p>上传文件</p>
                        </a>
                    </li>
                    <li class="nav-item">
                        <a data-toggle="collapse" href="#base2">
                            <i class="fas fa-folder"></i>
                            <p>所有文件</p>
                            <span class="caret"></span>
                        </a>
                        <div class="collapse" id="base2">
                            <ul class="nav nav-collapse" id="packageul">
                            </ul>
                        </div>
                    </li>
                </ul>
            </div>
        </div>
    </div>
    <!-- End Sidebar -->
</div>
<!--上传文件model-->
<div class="modal fade" id="uploadFileModel" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
     aria-hidden="true" th:fragment="uploadfilemodel">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <div class="modal-header">
                <h5 class="modal-title" id="exampleModalLabel">填写版本信息</h5>
                <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                    <span aria-hidden="true">x</span>
                </button>
            </div>
            <div class="modal-body">
                <form th:action="@{/document}" method="POST" enctype="multipart/form-data">
                    <input type="hidden" name="projectId" th:value="${param.projectId}">
                    <div class="col-md-12">
                        <select class="form-control" id="uploadPackageName" name="packageName"></select>
                    </div>
                    <div class="form-group">
                        <div class="input-group">
                            <input id='location' class="form-control" onclick="$('#i-file').click();">
                            <input type="button" id="i-check" value="浏览文件" class="btn btn-primary"
                                   onclick="$('#i-file').click();">
                        </div>
                        <input type="file" name="files" id='i-file' onchange="$('#location').val($('#i-file').val());"
                               style="display: none">
                    </div>
                    <div class="form-group">
                        <textarea class="form-control" rows="3" placeholder="版本信息" id="versionMessage"
                                  name="versionMessage" autocomplete="off"></textarea>
                    </div>
                    <div class="modal-footer">
                        <button class="btn btn-secondary" type="button" data-dismiss="modal">取消</button>
                        <input type="submit" class="btn btn-primary" value="提交">
                    </div>
                </form>
            </div>
        </div>
    </div>
</div>
<!--新建包-->
<div class="modal fade" id="addPackageModel" tabindex="-1" role="dialog" aria-labelledby="exampleModalLabel"
     aria-hidden="true" th:fragment="newprojectpackage">
    <div class="modal-dialog" role="document">
        <div class="modal-content">
            <form th:action="@{/projectsPackage}" method="post" onSubmit="return submitPackageCheck();">
                <input type="hidden" id="newPackageProjectId" name="projectId" th:value="${param.projectId}">
                <input type="hidden" id="newPackageUserId" name="userId">
                <!--                <input type="hidden" id="filename" name="filename" value="${filename}">-->
                <div class="modal-header">
                    <h5 class="modal-title" id="exampleModalLabe">新建包</h5>
                    <button class="close" type="button" data-dismiss="modal" aria-label="Close">
                        <span aria-hidden="true">x</span>
                    </button>
                </div>
                <div class="modal-body">
                    <div class="form-group">
                        <div class="form-row">
                            <label>包名称:</label>
                            <input class="form-control" id="packageName" name="packageName" type="text"
                                   placeholder="请输入包名" autocomplete="off">
                        </div>
                    </div>
                </div>
                <div class="modal-footer">
                    <button class="btn btn-danger" type="button" data-dismiss="modal">取消</button>
                    <button class="btn btn-primary" type="submit">新建</button>
                </div>
            </form>
        </div>
    </div>
</div>
<!--模板js-->
<div th:fragment="commom_js">
    <!--   Core JS Files   -->
    <script th:src="@{/assets/js/core/jquery.3.2.1.min.js}"></script>
    <script th:src="@{/assets/js/core/popper.min.js}"></script>
    <script th:src="@{/assets/js/core/bootstrap.min.js}"></script>
    <!-- jQuery UI -->
    <script th:src="@{/assets/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js}"></script>
    <script th:src="@{/assets/js/plugin/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js}"></script>
    <!-- Bootstrap Toggle -->
    <script th:src="@{/assets/js/plugin/bootstrap-toggle/bootstrap-toggle.min.js}"></script>
    <!-- jQuery Scrollbar -->
    <script th:src="@{/assets/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js}"></script>
    <!-- Datatables -->
    <script th:src="@{/assets/js/plugin/datatables/datatables.min.js}"></script>
    <!-- Azzara JS -->
    <script th:src="@{/assets/js/ready.min.js}"></script>
    <!-- Moment JS -->
    <script th:src="@{/assets/js/plugin/moment/moment.min.js}"></script>
    <!-- Chart JS -->
    <script th:src="@{/assets/js/plugin/chart.js/chart.min.js}"></script>
    <!-- jQuery Sparkline -->
    <script th:src="@{/assets/js/plugin/jquery.sparkline/jquery.sparkline.min.js}"></script>
    <!-- Chart Circle -->
    <script th:src="@{/assets/js/plugin/chart-circle/circles.min.js}"></script>
    <!-- Datatables -->
    <script th:src="@{/assets/js/plugin/datatables/datatables.min.js}"></script>
    <!-- Bootstrap Notify -->
    <script th:src="@{/assets/js/plugin/bootstrap-notify/bootstrap-notify.min.js}"></script>
    <!-- Bootstrap Toggle -->
    <script th:src="@{/assets/js/plugin/bootstrap-toggle/bootstrap-toggle.min.js}"></script>
    <!-- jQuery Vector Maps -->
    <script th:src="@{/assets/js/plugin/jqvmap/jquery.vmap.min.js}"></script>
    <script th:src="@{/assets/js/plugin/jqvmap/maps/jquery.vmap.world.js}"></script>
    <!-- Google Maps Plugin -->
    <script th:src="@{/assets/js/plugin/gmaps/gmaps.js}"></script>
    <!-- Sweet Alert -->
    <script th:src="@{/assets/js/plugin/sweetalert/sweetalert.min.js}"></script>
    <!-- Sweet Alert -->
    <script th:src="@{/assets/js/plugin/sweetalert/sweetalert.min.js}"></script>
    <!--分页js-->
    <script th:src="@{/assets/js/plugin/paginator/bootstrap-paginator.js}"></script>
    <script th:src="@{/assets/js/formcheck.js}"></script>
    <!-- 功能点分页 -->
    <script th:src="@{/assets/js/functionpage.js}"></script>
</div>
<!--所有"非项目"页面公共js-->
<div th:fragment="nav_js">
    <!--加载导航栏user公共js-->
    <script th:src="@{/assets/js/nav.js}"></script>
    <!--在家导航栏退出公共js-->
    <script th:src="@{/assets/js/nav-loginOut.js}"></script>
    <!--加载导航栏消息公共js-->
    <script th:src="@{/assets/js/nav-message.js}"></script>
    <!--加载侧边栏公共js-->
    <script th:src="@{/assets/js/nav-sider.js}"></script>
    <!--初始化公共js的userId-->
    <script type="text/javascript" th:fragment="navjs">
        var userId = "[[${session.userId}]]";
        var username = "[[${session.username}]]";
        var email = "[[${session.email}]]";
        var photo = "[[${session.photo}]]";
        if (userId != "") {
            var user = {
                id: userId,
                username: username,
                email: email,
                photo: photo,
            };
            initNavJs(user);
            initNavSiderJs(user);
        }
    </script>
    <!--初始化公共js的projectId-->
    <script type="text/javascript">
        var projectId = "[[${projectId}]]";
    </script>
</div>
<!--所有"项目"页面公共js-->
<div th:fragment="nav_project_js">
    <!--加载导航栏user公共js-->
    <script th:src="@{/assets/js/nav.js}"></script>
    <!--在家导航栏退出公共js-->
    <script th:src="@{/assets/js/nav-loginOut.js}"></script>
    <!--加载导航栏消息公共js-->
    <script th:src="@{/assets/js/nav-message.js}"></script>
    <!--加载侧边栏公共js-->
    <script th:src="@{/assets/js/nav-sider.js}"></script>
    <!--加载项目包侧边栏公共js-->
    <script th:src="@{/assets/js/nav-sider-project.js}"></script>
    <!--初始化公共js的userId-->
    <script type="text/javascript" th:fragment="navjs">
        var userId = "[[${session.userId}]]";
        var username = "[[${session.username}]]";
        var email = "[[${session.email}]]";
        var photo = "[[${session.photo}]]";
        if (userId != "") {
            var user = {
                id: userId,
                username: username,
                email: email,
                photo: photo,
            };
            initNavJs(user);
            initNavSiderJs(user);
            initNavSiderProjectJs(user);
        }
    </script>
    <!--初始化公共js的projectId和初始化项目权限-->
    <script type="text/javascript">
        var projectId = "[[${projectId}]]";
        $(function () {
            if (userId != "") {
                judgeProjectUser();
                judgeProjectAdmin();
            }
        })
    </script>
</div>
</body>
</html>
